<!DOCTYPE html>
<html >
	<head>
		<meta charset="UTF-8">
		<meta property="wb:webmaster" content="e877a679de388e72" />
		<title>发现好游记 - 蝉游记 - 发现旅行之美，保存旅行回忆</title>
		<link rel="stylesheet" type="text/css" href="styles/swiper-3.4.0.min.css"/>
		<link rel="stylesheet" type="text/css" href="styles/index.css"/>
		<link rel="stylesheet" type="text/css" href="styles/page.css"/>
	</head>
	<body onload="clipInit()">
		<div id="wrap">
			<div id="header">
				<h1><a href="#"><img src="images/top-logo-5d87075612abd4e51484015cfd932181.png"/></a></h1>
				<form action="" method="post" id="search">
					<input type="text" id="txt" placeholder="搜索" />
					<img src="images/btn_03.png" id="btn"/>
				</form>
				<p class="zhuan"><a href="#" id="tel">手机应用</a></p>
				<p class="zhuan"><a href="#" id="qing">氢气球旅行</a></p>
				<p><a href="#" id="enter">登录</a></p>
			</div>
			<div id="baoqilai">
				<!--swiper轮播-->
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide" style="background: url(images/27926-894425.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《迷失在冰雪世界-小镇利斯特维扬卡》</a>
			            </div>
		            </div>
		            <div class="swiper-slide" style="background: url(images/45546-1628868.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《Norse Saga·冰岛神话》</a>
			            </div>
		            </div>
		            <div class="swiper-slide" style="background: url(images/10295-298771.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《关西6日行》</a>
			            </div>
		            </div>
		            <div class="swiper-slide" style="background: url(images/331-13837.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《我在美国玩泥巴——记美东西34天》</a>
			            </div>
		            </div>
		            <div class="swiper-slide" style="background: url(images/497-21905.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《印度旅行—加尔各答篇(Kolkata)》</a>
			            </div>
		            </div>
		            <div class="swiper-slide" style="background: url(images/64695-2679221.jpg);">
		            	<div class="font_main">
			            	<a href="#">图片来自《梦想实现的地方-马达加斯加第二季》</a>
			            </div>
		            </div>
		        </div>
		        <div id="logo">
		            	<img src="http://cdn.chanyouji.cn/assets/v2/index-logo-0319bc83fe3df549794c222664091582.png"/>
		        </div>
		        <div class="swiper-pagination"></div>
		    </div>
		    <!--三个导航-->
		    <div class="nav">
		    	<p class="navs">
		    		<span id="fa" class="zz">发现好游记</span>
		    		<span id="lv" class="zz" style="border-left: 0.5px solid #eaeaea;border-right: 0.5px solid #eaeaea;">旅行口袋书</span>
		    		<span id="xie" class="zz"><a href="http://chanyouji.com/users/sign_in" style="color: #000000;">我要写游记</a></span>
		    		<span id="d"></span>
		    	</p>
		    </div>
		    <!--主页导航-->
		    <div id="main">
		    	<div id="nn">
		    		<span class="jing dao">精选游记</span>
		    		<span class="dao span_1"><span class="zi">出发时间</span><span class="xia"><img src="images/xia_02.png"/></span></span>
		    		<span class="dao span_2"><span class="zi">国外旅游</span><span class="xia"><img src="images/xia_02.png"/></span></span>
		    		<span class="dao span_3"><span class="zi">国内旅游</span><span class="xia"><img src="images/xia_02.png"/></span></span>
		    	<ul class="timers li1">
		    		<li>1月</li><li>2月</li><li>3月</li><li>4月</li><li>5月</li><li>6月</li><li>7月</li><li>8月</li><li>9月</li><li>10月</li><li>11月</li><li>12月</li>
		    	</ul>
		    	<ul class="timers li2" id="jia">
		    		
		    	</ul>
		    	<ul class="timers li3">
		    		<li>上海</li><li>云南</li><li>四川</li><li>北京</li><li>台湾</li><li>浙江</li><li>香港</li><li>广东</li><li>江苏</li><li>福建</li><li>陕西</li><li>青海</li><li>西藏</li><li>甘肃</li><li>重庆</li><li>广西</li><li>湖南</li><li>山东</li><li>内蒙古</li><li>澳门</li><li>海南</li><li>湖北</li><li>辽宁</li><li>新疆</li><li>安徽</li><li>黑龙江</li><li>贵州</li><li>山西</li><li>河南</li><li>天津</li><li>河北</li><li>吉林</li><li>江西</li><li>宁夏</li></ul>
		    	</div>
		    	
		    	<div id="matter">
					
			    </div>
			    <div style="width:600px; margin:20px auto; padding:5px;" id="clipDIV">

				</div>
		    </div>
		    <!--登录-->
		    <div id="enters">
		    	<div id="centers">
		    		<p id="x">×</p>
		    		<p>蟬遊記</p>
		    		<p>蝉游记是帮助你轻松制作游记的工</p>
		    		<p>3个步骤10分钟，制作华丽游记，记录旅行也可以如此简单！</p>
		    		<p class="san">
		    			<span class="sp"></span><span class="dsf">第三方登录</span><span class="sp"></span>
		    		</p>
		    		<p id="tt">
		    			<img src="images/deng_03.png"/>
		    			<img src="images/deng_05.png"/>
		    			<img src="images/deng_07.png"/>
		    		</p>
		    		<p class="san">
		    			<span class="sp"></span><span class="dsf" style="padding-left: 12px;">邮箱登录</span><span class="sp"></span>
		    		</p>
		    		<input type="text" name="" id="" class="di inp"/><br />
		    		<input type="password" name="" id="" class="di inp"/><br />
		    		<form action="" method="post" class="di inp">
		    			<input type="text" name="" id=""class="xi" placeholder="验证码"/>
		    			<input type="text" class="yz"/>
		    		</form>
		    		<p style="color:#666;font-size: 14px;text-align: right;width: 300px;margin: 0 auto;">
		    			<input type="checkbox" checked="checked"/>记住登录
		    			<button>登录</button>
		    		</p>
		    	</div>
		    </div>
			</div>
			<!--手机应用-->
			<div id="baoqilai2">
		    <div class="nav">
		    	<p class="navs">
		    		<span id="chan" class="zz">蝉游记</span>
		    		<span id="bir" class="zz" style="border-left: 0.5px solid #eaeaea;border-right: 0.5px solid #eaeaea;">生辰</span>
		    		<span id="qiu" class="zz">氢气球旅行</span>
		    		<span id="d2"></span>
		    	</p>
		    </div>
		    <div id="main2">
		    	<div id="box-c">
		    		<div>
		    			<dl>
		    				<dt>
		    					<img src="images/tel_01.png" class="sj"/>
		    					<p class="ew">
		    						<img src="images/qrcode_chanyouji.png" class="ma" id="ma1"/>
		    						<span class="tc" id="tc1">
		    							二维码
		    						</span>
		    					</p>
		    				</dt>
		    				<dd>
		    					<p>蟬遊記</p>
		    					<p>「发现旅行之美，保存旅行回忆」</p>
		    					<p>说起手机上最赞的游记，那一定是蝉游记。</p>
		    					<p>通过蝉游记<span>App</span>，迄今已制作了数十万篇游记。<br />
		    						<span>2014</span>年成为苹果零售店<span>iPhone</span>样机示范<span>App</span>！</p>
		    					<button>iPone 下载</button><br />
		    					<button>Android 下载</button>
		    				</dd>
		    			</dl>
		    		</div>
		    		<div>
		    			<dl>
		    				<dt>
		    					<img src="images/tel_03.png" class="sj"/>
		    					<p class="ew">
		    						<img src="images/qrcode_birth.png" class="ma" id="ma2"/>
		    						<span class="tc" id="tc2">
		    							二维码
		    						</span>
		    					</p>
		    				</dt>
		    				<dd>
		    					<p>生辰</p>
		    					<p>「老去的彼得·潘，最虐心的正能量App」</p>
		    					<p>这是一款关于生、死、心愿的另类的<span>App</span>。</p>
		    					<p>有时，生命只是一连串数字。有时，你从相片里看<br />
		    						见过去的样子，却几乎忘了自己曾经是个什么样的<br />
		    						人。</p>
		    					<button>iPone 下载</button><br />
		    					<button>Android 下载</button>
		    				</dd>
		    			</dl>
		    		</div>
		    		<div>
		    			<dl>
		    				<dt>
		    					<img src="images/tel_05.png" class="sj"/>
		    					<p class="ew" id="b3">
		    						<img src="images/qrcode_inspiration.png" class="ma" id="ma3"/>
		    						<span class="tc" id="tc3">
		    							二维码
		    						</span>
		    					</p>
		    				</dt>
		    				<dd>
		    					<p>氢气球旅行</p>
		    					<p>「自由组合路线，一键生成行程」</p>
		    					<p>氢气球提供史上最轻松的行程定制方式！</p>
		    					<p>自由组合你中意的经典路线和旅行灵感，一键生成<br />
		    						行程，自带地图导航。</p>
		    					<button>iPone 下载</button><br />
		    					<button>Android 下载</button>
		    				</dd>
		    			</dl>
		    		</div>
		    	</div>
		    </div>
		    </div>
		    <!--底部-->
		    <div id="footer">
		    	<div id="footer_main">
		    		<p>
		    			<a href="#" class="aa">手机应用</a>
		    			<a href="#" class="aa">口袋攻略</a>
		    			<a href="#" class="aa">意见反馈</a>
		    			<a href="#" class="aa">联系我们</a>
		    			<a href="#">使用条款</a>
		    		</p>
		    		<span><span style="font-size: 20px;">&copy; </span>蝉游记&nbsp;沪ICP备12026324号</span>
		    	</div>
		    </div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="scripts/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="scripts/swiper-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/artTemplate.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/require.js" type="text/javascript" data-main="scripts/main.js"></script>
	<!--artTemplate模板-->
	<script id="test" type="text/html">
		{{each travels_data as value i}}
		<dl class="dl1">
			<dt><a href="{{value.user_a}}"><img src="{{value.travels_cover}}"/></a></dt>
			<dd>
				<p class='dw'><a href="http://chanyouji.com/users/{{value.user_id}}"><img src="{{value.user_head}}"/></a></p>
				<p class='names'>{{value.travels_main}}</p>
				<p class='names2'>{{value.start_day}} / {{value.travels_days}} 天 /  {{value.pic_num}} 图</p>
			</dd>
		</dl>
		{{/each}}
	</script>
	<script id="test2" type="text/html">
		{{each pocket_data as value i}}
		<dl class="dl2">
			<dt><img src="{{value.country_pic}}"/></dt>
			<a href="{{value.country_lib}}"><dd>
				<p class="coun">{{value.pocket_country}}</p>
				<p class="e_coun">{{value.country_eng}}</p>
				<span class="n_coun">旅行地{{value.country_num}}</span>
			</dd></a>
		</dl>
		{{/each}}
	</script>
	<script src="scripts/page.js" type="text/javascript" charset="utf-8"></script>
</html>
